<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>事故信息查询</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../plugins/layui/css/layui.css" media="all" />
    <!--<link rel="stylesheet" href="../css/font_eolqem241z66flxr.css" media="all" />-->
    <link rel="stylesheet" href="../css/accident.css" media="all" />
</head>
<body class="childrenBody">
<blockquote class="layui-elem-quote accident_search" style="border-left: 5px solid #FFFFFF">
    <fieldset class="layui-elem-field">
        <legend>事故信息查询</legend>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">全文搜索</label>
                <div class="layui-input-inline">
                    <input type="text" value="" placeholder="请输入关键字" class="layui-input search_input">
                </div>
                <a class="layui-btn search_btn">查询</a>
            </div>
            <div class="layui-inline">
                <a class="layui-btn layui-btn-normal">显示所有</a>
            </div>
            <div class="layui-inline">
                <a class="layui-btn accidentAdd_btn" style="background-color:#5FB878">添加事故信息</a>
            </div>
            <div class="layui-inline">
                <a class="layui-btn layui-btn-danger batchDel">批量删除</a>
            </div>

        </div>
        <!--  <div class="layui-form-item">
              <div class="layui-inline">
                  <label class="layui-form-label">高级搜索</label>
              </div>
          </div>-->
        <blockquote class="layui-elem-quote" style="border-left: 5px solid #ffffff">
            <fieldset class="layui-elem-field">
                <legend>高级搜索</legend>
                <form class="layui-form">
                    <div class="layui-form-item">

                        <div class="layui-inline">
                            <label class="layui-form-label">事故编号</label>
                            <div class="layui-input-block">
                                <input type="text" name="accidentId"  autocomplete="off" placeholder="请输入事故编号" class="layui-input accidentId">
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">事故名称</label>
                            <div class="layui-input-block">
                                <input type="text" name="accidentName"  autocomplete="off" placeholder="请输入事故名称" class="layui-input accidentName">
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">事故类型</label>
                            <div class="layui-input-inline">
                                <select name="accidentKind" class="accidentKind" >
                                    <option value="">请选择</option>
                                    <option value="0">碰撞事故</option>
                                    <option value="1">搁浅事故</option>
                                    <option value="2">触礁事故</option>
                                    <option value="3">触损事故</option>
                                    <option value="4">浪损事故</option>
                                    <option value="5">火灾、爆炸事故</option>
                                    <option value="6">风灾事故</option>
                                    <option value="7">自沉事故</option>
                                    <option value="8">其他事故</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">发布人</label>
                            <div class="layui-input-block">
                                <input type="text" name="accidentName"  autocomplete="off" placeholder="请输入发布人" class="layui-input">
                            </div>
                        </div>

                        <div class="layui-inline">
                            <label class="layui-form-label">事故日期</label>
                            <div class="layui-input-block">
                                <input type="text"   lay-verify="date" placeholder="yyyy-mm-dd" autocomplete="off" class="layui-input accidentTime" onclick="layui.laydate({elem: this})">
                            </div>
                        </div>

                        <div class="layui-inline">
                            <div class="layui-form-label">
                                <a class="layui-btn ">查询</a>

                            </div>
                        </div>
                    </div>
                </form>
            </fieldset>

        </blockquote>
    </fieldset>
</blockquote>



<blockquote class="layui-elem-quote" style="border-left: 5px solid #FFFFFF">
    <fieldset class="layui-elem-field">
        <legend>事故信息概况</legend>
        <div class="layui-field-box">
            <div class="layui-form accident_list">
                <table class="layui-table">
                    <colgroup>
                        <col width="50">
                        <col width="9%">
                        <col>
                        <col width="11%">
                        <col width="11%">
                        <col width="11%">
                        <col width="22%">
                    </colgroup>
                    <thead>
                    <tr>
                        <th><input type="checkbox" name="" lay-skin="primary" lay-filter="allChoose" id="allChoose"></th>
                        <th style="text-align:left;">事故编号</th>
                        <th>事故名称</th>
                        <th>发布人</th>
                        <th>事故类型</th>
                        <th>事故日期</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody class="accident_content"></tbody>
                </table>
            </div>
            <div id="page"></div>
        </div>
    </fieldset>
</blockquote>
<script type="text/javascript" src="../plugins/layui/layui.js"></script>
<script type="text/javascript" src="../js/accident.js"></script>
<script>
    layui.use(['form', 'laydate'], function() {
      var form=layui.form,
              layer=layui.layer,
              laydate=layui.laydate;

    })
</script>
</body>
</html>